<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="">
    <title>大众之旅</title>
    <!-- <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"> -->
    <link rel="stylesheet" href="css/astyle.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/normalize.css">
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/five.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<script src="js/jquery.min.js">
</script>
<script type="text/javascript">
    $(document).ready(function () {
        $('ul.nav > li').click(function () {
            $('ul.nav > li').removeClass('active');
            $(this).addClass('active');
        });
    });
</script>

<body>
    <div class="container logo-pc">
        <div class="row" style="text-align: center;">
            <img src="images/logo.jpg" alt="">
        </div>
    </div>
    

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top nav-dz">

        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <img src="images/logo.jpg" alt="" class="logo-phone">
            <div class="navbar-header page-scroll" style="float:right;">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span> <span class="icon-bar"></span>
                </button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="traval.html">大众之旅</a></li>
                    <li><a href="information.html">资讯中心</a></li>
                    <li><a href="project.html">项目展示</a></li>
                    <li><a href="shopping.html">官方商城</a></li>
                    <li><a href="scenic.html">推荐景区</a></li>
                    <li><a href="aftersale.html">售后服务</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
            </div>

            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <header style="position:relative">
        <div class="bg_top"></div>
        <div class="traval-bgi">
            <img width="100%" src="images/b5_ban.jpg" alt="">
        </div>
    </header>  
    <div class="container">
        <div class="row scenic-detail" style="border-bottom: 1px dashed #e3e3e3;text-align: center;">
            <div class="scenic-title">木兰天池景区</div>
            <div class="scenic-time">发布于2020-05-29</div>
        </div>
        <div>
            <p>木兰天池（Mulan Great Lake），是中国国家级森林公园，国家5A级旅游景区，木兰文化生态旅游区重要组成部分。</p>
            <p>木兰天池位于湖北省武汉市黄陂区北部的石门山，距武汉市中心50公里，距武汉天河国际机场40公里。景区面积12500亩，由“浪漫山水”、“高峡人家”和“森林公园”三大主题景园链接成一个南北走向，长达十余公里的森林山水大峡谷。
                整个景区分为风景游览区和休闲度假区。主峰海拔520.6米，景区内以观赏飞瀑、溪潭、怪石等景观为主。拥有丰富的森林资源和良好的生态环境。</p>
            
        </div>
        <div class="row">
            <div class="btn-group scenic-btn">
                <div class="btn" style="padding: 10px 25px;border-radius: 20px;border: 1px solid #e3e3e3;">返回上一页</div>
            </div>
        </div>
    </div>
    <section class="home-cr-bg" style="color: #fff;">
        <div class="container" style="padding:20px 0;">
            <div class="row">
                <div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
                    <ul>
                        <li><a class="th" href="">大众之旅</a></li>
                        <li><a class="c_g" href="">公司简介</a></li>
                        <li><a class="c_g" href="">股东关系</a></li>
                        <li><a class="c_g" href="">企业文化</a></li>
                        <li><a class="c_g" href="">领导关怀</a></li>
                        <li><a class="c_g" href="">质量体系</a></li>
                        <li><a class="c_g" href="">团队风采</a></li>
                    </ul>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
                    <ul>
                        <li><a class="th" href="">资讯中心</a></li>
                        <li><a class="c_g" href="">行业动态</a></li>
                        <li><a class="c_g" href="">公司新闻</a></li>
                    </ul>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
                    <ul>
                        <li><a class="th" href="">售后服务</a></li>
                        <li><a class="c_g" href="">售后服务</a></li>
                        <li><a class="c_g" href="">常见问题</a></li>
                    </ul>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
                    <ul>
                        <li><a class="th" href="">联系我们</a></li>
                        <li><a class="c_g" href="">联系我们</a></li>
                        <li><a class="c_g" href="">地图位置</a></li>
                        <li><a class="c_g" href="">在线留言</a></li>
                    </ul>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-2 col-lg-2">
                    <ul>
                        <li><a class="th" href="">项目展示</a></li>
                        <li><a class="th" href="">推荐景区</a></li>
                        <li><a class="th" href="">官方商城</a></li>
                    </ul>
                </div>
                <div class="col-xs-6 col-sm-6 col-md-1 col-lg-1 qrcode">
                    <img class="code" src="images/code.jpg" alt="">
                    <div style="text-align: center;">PC网站</div>
                </div>
                <div class="col-xs-6 col-sm-6 col-md-1 col-lg-1 qrcode">
                    <img class="code" src="images/code.jpg" alt="">
                    <div style="text-align: center;">微商城</div>
                </div>
            </div>
        </div>
    </section>
    <footer style="background:#044171;color:#fff;">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 b-item">
                    <div>Copyright © 2020 湖北大众之旅版权所有</div>
                    <div>鄂ICP备0000000号&nbsp;&nbsp;技术支持：思洋互动</div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 b-item" >
                    <img style="vertical-align: top;" src="images/b1.jpg" alt="">
                    <div style="display:inline-block;">
                        <div>武汉市武昌区湖北省科技创业大厦</div>
                        <div>A座14楼1401</div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 b-item">
                    <img style="vertical-align: top;"  src="images/b2.jpg" alt="">
                    <div style="display:inline-block;">17720513714 / 18971750918</div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 b-item">
                    <img style="vertical-align: top;"  src="images/b3.jpg" alt="">
                    <div style="display:inline-block;">2972739626@qq.com</div>
                </div>
            </div>
        </div>
    </footer>

    <!-- jQuery -->
    <!-- <script src="js/jquery.js"></script> -->
    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/classie.js"></script>
    <script src="js/cbpAnimatedHeader.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/five.js"></script>

    <!-- Swiper JS -->
    <script src="js/swiper.min.js"></script>
    <script src="js/swiper.animate.min.js"></script>
    
    <!-- JiaThis Button BEGIN -->
    <script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?type=left" charset="utf-8"></script>
    <!-- JiaThis Button END -->
</body>

</html>